/* 
 * 	css for the media.stream module
 *
 *	@author		oneDot only
 *	@create		18 june 2010
 */
 
#main .mod.MediaStream { padding:20px 32px; text-align:justify; width:524px; float: left; }

#main .MediaStream ul { padding: 0px; margin: 0px; }
.MediaStream li { list-style-type: none; margin-bottom: 10px; float:left; margin-right:20px; }

.MediaStream .rank	{
	clear:both; display:block; padding-bottom:24px; text-align:center;
}

.MediaStream .rank div	{
	background:white no-repeat center; float:left; margin:2px; border:1px solid #eee;
}

.MediaStream .stable	{
	clear:both; width:100%; height:1px;
}


/* stream listing */
.mod.MediaStream { position: relative; float: left; }
.MediaStream ul { padding: 0px; }
.MediaStream li { list-style-type: none; margin-bottom: 30px; }
.MediaStream .hide { display: none; }
.MediaStream .show { display: block; }
.MediaStream li.movie .thumb a:hover { cursor: pointer; }
.MediaStream p.streamTitle { display: none; margin: 5px 0px; }
.MediaStream li.movie .thumb .playIt { 
	cursor: pointer; 
	background: url(http://central.onedotonly.be/style/icon/play.png) center no-repeat; 
}


/* images */
.MediaStream.images li.image { margin: 0px; padding: 0px; line-height: 7px; }
.MediaStream.images li.image:hover { 
	cursor: pointer; 
}

/* slide show navigation */
.mod.MediaStream .navigation { 
	position: absolute; top: 5px; right: 10px; 
	padding: 0 4px; 
	background: url('http://central.onedotonly.be/style/theme/img/overlay.bg.png') repeat top left; 
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
}
.mod.MediaStream .navigation a.navigate { 
	text-indent: -9000px; display: block; width: 11px; height: 11px; float: left; padding: 6px 3px; margin: 0 2px;
	background: url('http://central.onedotonly.be/style/theme/img/circle2.png') no-repeat center center;
} 
.mod.MediaStream .navigation a.navigate { outline: none; }
.mod.MediaStream .navigation a.navigate.active { 
	background: url('http://central.onedotonly.be/style/theme/img/circle.png') no-repeat center center;
} 
.MediaStream li.movie.hide { display: none; }
.MediaStream li.movie.active { display: block; }


#right .mod.MediaStream { float: left; }
.MediaStream.groups li { 
	color:black; font-size:12px; font-weight:bold; font-family: Georgia, "Times New Roma", Times, serif; font-style: italic;
	margin-bottom: 15px; text-align: center; line-height: 22px;
	width: 128px;
}
.MediaStream.groups li span.title { line-height: 11px; display: block; width: 100%; padding: 4px 0; background: white; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0;}
.MediaStream.groups li li { margin:0px; padding: 0px; line-height: 5px; }
.MediaStream.groups li:hover { cursor: pointer; }
.MediaStream.groups li li img:hover { cursor: pointer; }
.MediaStream.groups li ul { display: none; }
.MediaStream.groups li.active ul { display: block; }

 
/* mother element */
.mod.MediaStream .mother { 
	text-align: right; margin: 5px 0px; float: right; width: auto; padding: 7px 9px 8px; 
	-moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; background: #EFEFEF;
	font-weight: bold; font-family: Georgia, Times; font-size: 12px; font-style: italic;
	position: absolute; bottom: 81px; right: 32px;
}
.mod.MediaStream .mother .mother_type { display: none; width: 100%; clear: both; height: auto; text-align: right; font-family: georgia, times; color: #888; font-style: italic; margin-right: 15px; }
 
 
